<script setup lang="ts">
import type { SearchResResult } from '@/services';
interface Props {
    songs:SearchResResult[]
}

const props = defineProps<Props>()
console.log(props)



</script>

<template>
    <view v-for="item in props.songs" :key="item.id" class="item">
        <text>{{ item.name }}</text>
        <view>{{ item.artists.map(v=>v.name).join('/') }}</view>
    </view>
</template>

<style lang="scss" scoped>
.item{
    border-bottom: 1px dashed #ccc;
}
</style>